:root,
:host {
  --va-switch-display: inline-block;

  /* Checker */
  --va-switch-checker-margin: auto;
  --va-switch-checker-transform: translateX(0.3rem);
  --va-switch-checker-height: 1.5rem;
  --va-switch-checker-width: 1.5rem;
  --va-switch-checker-active-background-color: #ffffff;
  --va-switch-checker-background-color: var(--va-secondary);
  --va-switch-checker-border-radius: 50%;
  --va-switch-checker-box-shadow: 0 0 0 var(--va-background-border);
  --va-switch-checker-transition: all 0.2s ease;

  /* Checker Wrapper */
  --va-switch-checker-wrapper-transform: translateX(0);
  --va-switch-checker-wrapper-top: 0;
  --va-switch-checker-wrapper-left: 0;
  --va-switch-checker-wrapper-bottom: 0;
  --va-switch-checker-wrapper-right: 0;
  --va-switch-checker-wrapper-width: 100%;
  --va-switch-checker-wrapper-height: 100%;
  --va-switch-checker-wrapper-transition: all 0.2s ease;
  --va-switch-checker-wrapper-pointer-events: none;

  /* Label */
  --va-switch-label-left-padding: 0.3rem;
  --va-switch-label-right-padding: 0.3rem;

  /* Track */
  --va-switch-track-border-radius: 1rem;
  --va-switch-track-height: 100%;
  --va-switch-track-width: 100%;
  --va-switch-track-background: var(--va-background-element);
  --va-switch-track-box-shadow: inset 0 0 0 var(--va-shadow);
  --va-switch-track-transition: background-color 0.2s ease;

  /* Inner */
  --va-switch-inner-cursor: pointer;
  --va-switch-inner-height: 2rem;
  --va-switch-inner-width: auto;
  --va-switch-inner-min-width: 4rem;
  --va-switch-inner-border-radius: 1rem;

  /* Small */
  --va-switch-sm-inner-height: 1.5rem;
  --va-switch-sm-inner-width: auto;
  --va-switch-sm-inner-min-width: 3rem;

  /* Large */
  --va-switch-lg-inner-height: 2.5rem;
  --va-switch-lg-inner-width: auto;
  --va-switch-lg-inner-min-width: 5rem;
}
